<template>
  <p>初始msg：{{ msg }}</p>
  <p>反转后的msg：{{ reversedMsg }}</p>
  <button @click="editMsg">更改</button>
</template>

<script setup>
import { ref,computed } from 'vue';
let msg = ref("hello word");
let reversedMsg =computed(function(){
    return msg.value.split("").reverse().join("");
});
function editMsg(){
    msg.value = "Hello"
}
// function editMsg(){
//     reversedMsg.value = msg.value.split("").reverse().join("");
// }
</script>

<style>

</style>